{extend name="./app/admin/view/main.html" /}
{block name="title"}系统设置完整信息 - {__block__}{/block}
{block name="style"}
<style>

</style>
{/block}

{block name="main"}
<header class="mipcms-container-header">
    <div class="float-left header-group">
        <h4 class="title">设置</h4> <h5 class="sub-title">系统设置完整信息</h5>
    </div>

</header>

<main class="mipcms-container-body" style="height: calc(100% - 50px)">
    <section class="mip-box">
        <section class="mip-box-body">
            <div class="col-md-12">
                <i-Table :columns="colHeads" :data="settingList"></i-Table>
            </div>
        </section>
    </section>

</main>
{/block}

{block name="javascript"}
{__block__}
<script type="text/javascript">

</script>

<script>
    var vm = new Vue({
        el: '#app',
        data: {
            loading: false,
            colHeads: [{title:'序号',key:'id',width: 60},{title:'键名',key:'key',width: 200},{title:'键值',key:'val'},],
            settingList: [],
        },
        watch: {
        },
        mounted() {
            this.getSettingData();
        },
        methods: {

            getSettingData: function () {
                var _this = this;
                this.loading = true;
                this.$mip.ajax('{$mipInfo.domain}/setting/ApiAdminSetting/get_list', {}).then(function (res) {
                    _this.loading = false;
                    if (res.code == 1) {
                        var temp = res.data;
                        _this.settingList = temp;
                    }
                });
            },

        }
    })

</script>

{/block}